<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Start your development with a Design System for Bootstrap 4.">
  <meta name="author" content="asher">
  <title>开放平台主页</title>
  <!-- Favicon -->
  <link href="/assets/img/brand/favicon.png" rel="icon" type="image/png">
  <!-- Fonts -->
  <link href="/assets/css/fonts.css" rel="stylesheet">
  <!-- Icons -->
  <link href="/assets/vendor/nucleo/css/nucleo.css" rel="stylesheet">
  <link href="/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- Argon CSS -->
  <link type="text/css" href="/assets/css/argon.css?v=1.1.0" rel="stylesheet">
</head>


<style>

  .table.align-items-center td, .table.align-items-center th {
    vertical-align: middle;
  }
  .table td, .table th {
    font-size: .8125rem;
    white-space: nowrap;
  }

  .table td, .table th {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
  }

  *, :after, :before {
    box-sizing: border-box;
  }

</style>

<body>
  <header class="header-global">
    <nav id="navbar-main" class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom">
      <div class="container">
        <a class="navbar-brand mr-lg-5" href="/index.html">
          <img src="/assets/img/brand/white2.png" alt="brand">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbar_global">
          <!-- top1 -->
          <ul class="navbar-nav navbar-nav-hover align-items-lg-center">
            <li class="nav-item dropdown">
              <a href="#" class="nav-link" data-toggle="dropdown" role="button">
                <i class="ni ni-collection d-lg-none"></i>
                <span class="nav-link-inner--text">公告</span>
              </a>
            </li>
            <li class="nav-item dropdown">
              <a href="#" class="nav-link" data-toggle="dropdown" role="button">
                <i class="fa fa-book d-lg-none"></i>
                <span class="nav-link-inner--text">插件开发文档</span>
              </a>
            </li>
            <li class="nav-item dropdown">
              <a href="#" class="nav-link" data-toggle="dropdown" role="button">
                <i class="fa fa-video-camera d-lg-none"></i>
                <span class="nav-link-inner--text">插件开发视频</span>
              </a>
            </li>
          </ul>
          <!-- top2 -->
          <ul class="navbar-nav align-items-lg-center ml-lg-auto">
            <li class="nav-item">
              <a class="nav-link nav-link-icon" href="https://www.facebook.com/creativetim" target="_blank" data-toggle="tooltip" title="加入官方群">
                <i class="fa fa-qq"></i>
                <span class="nav-link-inner--text d-lg-none">QQ群</span>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link nav-link-icon" href="https://www.instagram.com/creativetimofficial" target="_blank" data-toggle="tooltip" title="加入微信群">
                <i class="fa fa-weixin"></i>
                <span class="nav-link-inner--text d-lg-none">微信群</span>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link nav-link-icon" href="https://twitter.com/creativetim" target="_blank" data-toggle="tooltip" title="进入插件论坛">
                <i class="fa fa-comments-o"></i>
                <span class="nav-link-inner--text d-lg-none">插件论坛</span>
              </a>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link" role="button">
                <i class="fa fa-book d-lg-none"></i>
                <span class="nav-link-inner--text">退出登录</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </header>
  <main class="profile-page">
    <section class="section-profile-cover section-shaped my-0">
      <!-- Circles background -->
      <div class="shape shape-style-1 shape-primary alpha-4">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
      <!-- SVG separator -->
      <div class="separator separator-bottom separator-skew">
        <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
          <polygon class="fill-white" points="2560 0 2560 100 0 100"></polygon>
        </svg>
      </div>
    </section>
    <section class="section">
      <div class="container">
        <div class="card card-profile shadow mt--300">
          <div class="px-4">
            <div class="row justify-content-center">
              <div class="col-lg-3 order-lg-2">
                <div class="card-profile-image">
                  <a href="#">
                    <img src="/assets/img/theme/team-4-800x800.jpg" class="rounded-circle" alt="image">
                  </a>
                </div>
              </div>
              <div class="col-lg-4 order-lg-3 text-lg-right align-self-lg-center">
                <div class="card-profile-actions py-4 mt-lg-0">
                  <a href="javascript:g_open($('#tp_one').first().html());refreshBtnSubmitClickForAdd();" class="btn btn-sm btn-info mr-4">上架插件</a>
                  <a href="#" class="btn btn-sm btn-default float-right">编辑资料</a>
                </div>
              </div>
              <div class="col-lg-4 order-lg-1">
                <div class="card-profile-stats d-flex justify-content-center">
                  <div>
                    <span class="heading" id="money_today"></span>
                    <span class="description">今日收入</span>
                  </div>
                  <div>
                    <span class="heading" id="money_history"></span>
                    <span class="description">历史收入</span>
                  </div>
                  <div>
                    <span class="heading" id="app_count"></span>
                    <span class="description">插件数</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="text-center mt-5">
              <h3>欢迎您，<span class="font-weight-light" id="nickname"></span></h3>
              <div class="h6 font-weight-300"><i class="ni location_pin mr-2"></i>又是美好的一天</div>
              <!--
              <div class="h6 mt-4"><i class="ni business_briefcase-24 mr-2"></i>这里是公告内容1</div>
              <div><i class="ni education_hat mr-2"></i>这里是公告内容1</div>
              -->
            </div>
            <div class="mt-5 py-5 border-top text-center">
              <div class="row row-grid" id="app_list">
              </div>
            </div>


            <hr>

            <div class="h6 font-weight-300 text-xl-center"><i class="ni location_pin mr-2"></i>交易账单</div>

            <div class="mt-2 py-5">
              <div class="table-responsive">
                <div>
                  <table class="table align-items-center">
                    <thead class="thead-light">
                    <tr>
                      <th scope="col">
                        来源
                      </th>
                      <th scope="col">
                        交易类型
                      </th>
                      <th scope="col">
                        交易金额
                      </th>
                      <th scope="col">交易状态</th>
                      <th scope="col">
                        创建时间
                      </th>

                    </tr>
                    </thead>
                    <tbody class="list">

                    <tr>
                      <th scope="row" class="name">
                        <div class="media align-items-center">
                          <a href="#" class="avatar rounded-circle mr-3">
                            <img alt="Image placeholder" src="/assets/img/theme/team-3-800x800.jpg">
                          </a>
                          <div class="media-body">
                            <span class="mb-0 text-sm">Argon Design System</span>
                          </div>
                        </div>
                      </th>
                      <td class="status">
                        <span class="badge badge-dot mr-4">
                          <i class="bg-warning"></i> pending
                        </span>
                      </td>
                      <td class="budget">
                        $2500 USD
                      </td>

                      <td>
                        <div class="avatar-group">
                          正常
                        </div>

                      </td>
                      <td class="completion">
                        <div class="d-flex align-items-center">
                          <span class="mr-2">2019/09/23 05:20</span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th scope="row" class="name">
                        <div class="media align-items-center">
                          <a href="#" class="avatar rounded-circle mr-3">
                            <img alt="Image placeholder" src="/assets/img/theme/team-3-800x800.jpg">
                          </a>
                          <div class="media-body">
                            <span class="mb-0 text-sm">Argon Design System</span>
                          </div>
                        </div>
                      </th>
                      <td class="status">
                        <span class="badge badge-dot mr-4">
                          <i class="bg-warning"></i> pending
                        </span>
                      </td>
                      <td class="budget">
                        $2500 USD
                      </td>

                      <td>
                        <div class="avatar-group">
                          正常
                        </div>

                      </td>
                      <td class="completion">
                        <div class="d-flex align-items-center">
                          <span class="mr-2">2019/09/23 05:20</span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <th scope="row" class="name">
                        <div class="media align-items-center">
                          <a href="#" class="avatar rounded-circle mr-3">
                            <img alt="Image placeholder" src="/assets/img/theme/team-3-800x800.jpg">
                          </a>
                          <div class="media-body">
                            <span class="mb-0 text-sm">Argon Design System</span>
                          </div>
                        </div>
                      </th>
                      <td class="status">
                        <span class="badge badge-dot mr-4">
                          <i class="bg-warning"></i> pending
                        </span>
                      </td>
                      <td class="budget">
                        $2500 USD
                      </td>

                      <td>
                        <div class="avatar-group">
                          正常
                        </div>

                      </td>
                      <td class="completion">
                        <div class="d-flex align-items-center">
                          <span class="mr-2">2019/09/23 05:20</span>
                        </div>
                      </td>
                    </tr>

                    </tbody>
                  </table>
                </div>

              </div>
              <div class="card-footer py-4">
                <nav aria-label="...">
                  <ul class="pagination justify-content-end mb-0">
                    <li class="page-item disabled">
                      <a class="page-link" href="#" tabindex="-1">
                        <i class="fa fa-angle-left"></i>
                        <span class="sr-only">Previous</span>
                      </a>
                    </li>
                    <li class="page-item active">
                      <a class="page-link" href="#">1</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                      <a class="page-link" href="#">
                        <i class="fa fa-angle-right"></i>
                        <span class="sr-only">Next</span>
                      </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>

          </div>
        </div>
      </div>
    </section>
  </main>
  <footer class="footer">
    <div class="container">
      <div class="row row-grid align-items-center mb-5">
        <div class="col-lg-6">
          <h5 class="text-primary font-weight-light mb-2">禁止违法犯罪活动，共创美好未来</h5>
        </div>
      </div>
      <hr>
      <div class="row align-items-center justify-content-md-between">
        <div class="col-md-6">
          <div class="copyright">
            Copyright&copy;2017-2019 湖南省长沙市猫舍开发运维组  <a href="https://dwz.cn/xVY5DrHV" target="_blank">版权所有</a>.
          </div>
        </div>
        <div class="col-md-6">
          <ul class="nav nav-footer justify-content-end">
            <li class="nav-item">
              <a href="https://dwz.cn/xVY5DrHV" class="nav-link" target="_blank">加入我们</a>
            </li>
            <li class="nav-item">
              <a href="https://dwz.cn/xVY5DrHV" class="nav-link" target="_blank">关于我们</a>
            </li>
            <li class="nav-item">
              <a href="https://dwz.cn/xVY5DrHV" class="nav-link" target="_blank">友情链接</a>
            </li>
            <li class="nav-item">
              <a href="https://dwz.cn/xVY5DrHV" class="nav-link" target="_blank">联系我们</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>

  <script type="text/template" id="tp_one">
    <div class="card bg-secondary shadow border-0">
      <div class="card-body px-lg-5 py-lg-5">
        <div class="text-center text-muted mb-4">
          <div class="card-header bg-transparent pb-3 text-xl-center mt-n4">
            <a class="navbar-brand mr-lg-5 mb-2" href="#">
              <img src="/assets/img/brand/white3.png" alt="brand" class="ml-5">
            </a>
            <div><small>Welcome Lovely Cat App Center</small></div>
          </div>
        </div>
        <form role="form" id="form_one">
          <div class="row">
            <div class="pt-2"><span class="text-muted col-2 pr-0">单价</span></div>
            <div class="form-group mb-3 col">
              <div class="input-group input-group-alternative">
                <input class="form-control" placeholder="插件价格，免费请输入0" name="price" type="text">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="pt-2"><span class="text-muted col-2 pr-0">时长</span></div>
            <div class="form-group mb-3 col">
              <div class="input-group input-group-alternative">
                <input class="form-control" placeholder="单价可享受的时间，单位：天" name="sale_time" type="number">
              </div>
            </div>
          </div>

          <div class="row">
            <div class="pt-2"><span class="text-muted col-2 pr-0">上传</span></div>
            <div class="form-group mb-3 col">
              <div class="input-group">
                <div class="pt-2"><small><span class="text-muted col-2 pr-0 text-success"><span class="text-success font-weight-700" id="up_progress">未上传</span></span></small></div>
              </div>
            </div>
            <!--<div class="text-muted font-italic col-8"><small>插件: <span class="text-success font-weight-700">未上传</span></small></div>-->
            <div class="text-center pr-3">
                <input type="file" name="file" id='i-file'  accept=".dll" onchange="$('#up_progress').html('上传中...');uploadFile();" style="display: none">
                <button type="button" class="col btn btn-warning" onclick="$('#i-file').click();">上传插件</button>
            </div>
          </div>
          <hr>
          <div class="row d-none" id="app_info">
            <div class="pt-2"><span class="text-muted col-2 pr-0">应用</span></div>
            <div class="form-group mb-3 col">
              <div class="input-group">
                <img class="icon icon-shape-primary rounded-circle mb-4">
                <div class="pt-2">
                  <small><span class="text-muted col-2 pr-0 text-success font-weight-600"><span class="text-primary font-weight-700">三网听歌</span>&nbsp;&nbsp;v1.23</span></small>
                </div>
                <input type="hidden" name="app_md5">
                <input type="hidden" name="app_id">
              </div>
            </div>
          </div>
          <div class="text-center mt-n4">
            <button type="button" id="btn_submit" class="btn btn-primary my-4">立即增加</button>
          </div>
        </form>
      </div>
    </div>
  </script>

  <script type="text/template" id="tp_two">
    <div class="col-lg-6 mt-4">
          <div class="card card-lift--hover shadow border-0">
            <div class="card-body py-5">
              <img src="{%1}" class="icon icon-shape-primary rounded-circle mb-4">
              <h6 class="text-primary text-uppercase">{%2}</h6>
              <p class="description mt-3">{%3}</p>
              <div>
                <span class="badge badge-pill badge-success">{%4}</span>
                <span class="badge badge-pill badge-warning">{%5}</span>
                <span class="badge badge-pill badge-primary">{%6}</span>
              </div>
              <p class="mt-3 mb-0 text-muted text-sm">
                <span class="text-danger mr-2"><i class="fa fa-arrow-up"></i> {%7}</span>
                <span class="text-nowrap">{%8}</span>
              </p>
              <a href="#" onclick="updateApp($(this).parent().find('input').first().val());" class="btn btn-primary mt-4">修改配置</a>
              <div><input type="hidden" name="app_id" value="{%9}"></div>
            </div>
          </div>

      </div>

  </script>

  <!-- Core -->
  <script src="/assets/vendor/jquery/jquery.min.js"></script>
  <script src="/assets/vendor/popper/popper.min.js"></script>
  <script src="/assets/vendor/bootstrap/bootstrap.min.js"></script>
  <script src="/assets/vendor/headroom/headroom.min.js"></script>
  <!-- Argon JS -->
  <script src="/assets/js/argon.js?v=1.1.0"></script>
  <!-- Customize JS -->
  <script src="/assets/js/home.js"></script>
</body>

</html>
